import React,{useState,useEffect} from 'react'
import styles from './css/TakeModel.module.scss'
import { Image } from 'antd-mobile'
import {useNavigate} from 'react-router-dom'
export default function TakeModel(props) {
    const {data} = props
    const navigate = useNavigate()


  return (
    <div className={styles.main} onClick={()=>{
      navigate(data.path)
    }}>
        <Image
            src={data.img}
            width={44}
            height={44}
            fit='cover'
            style={{ borderRadius: 32 }}
          />
          <div className={styles.left}>
          <span className={styles.span_time}>{data.time}</span>
            <p className={styles.p_big}>{data.title}</p>
            <p className={styles.p_color}>{data.content}</p>
          </div>

    </div>
  )
}
